/* 
body {
    display: grid;
    grid-template-columns: 200pt 1fr;
    grid-template-rows: auto ;
    grid-template-areas:
        "sidebar map "
}

main {
    grid-area: map;
  
}


aside{
    grid-area: sidebar;
}
 */

 body {
    display: grid;
    grid-template-columns: 200pt 1fr;
    grid-template-rows: auto;
    grid-template-areas:
        "sidebar map";
}



aside {
    /* Remove grid-area as it’s no longer necessary */
    position: fixed;
    top: 0;               /* Position at the top of the viewport */
    left: 0;              /* Position at the left of the viewport */
    width: 200pt;         /* Set width to match the grid column */
    height: 100vh;        /* Make it span the full height of the viewport */
    background-color: rgba(228, 218, 218, 0.829) ; /* Example background color */
    overflow-y: auto;     /* Enable scrolling within the sidebar if content overflows */
    z-index: 900;
    padding: 2em;
}
main {
   margin-left: 200pt; /* Push the main content to the right of the fixed sidebar */
    grid-area: map;
}